body{
    min-width: 1200px
}
.contaniner{
    width: 100%; min-width: 1200px;position: relative;
}
.indexNavbox{
    width: 100%;padding: 0 75px;display: flex;justify-content: space-between;align-items: center;position: absolute;box-sizing: border-box;height: 100px;
}
.indexNavbox>a{
    display: block;z-index: 99999;
}
.logo{
    width: 140px;height: 30px;z-index: 99999;cursor: pointer;
}
.indexNavMenu{
    width: 600px;min-width: 600px;display: flex;justify-content: space-between;align-items: center;cursor: pointer;color: #ffffff;font-size: 12px; position: relative;z-index: 5;font-family: 'SourceHanSansCNExtraLight';
}
.indexNavitem{
    position: relative;z-index: 9999; display: flex;align-items: center;
}
.indexNavitem a{
    color: #ffffff;display: block;margin-right: 5px; 
}
.indexNavitem:hover .indexNavitemlist{
    height: 200px;
}
/* .indexNavitem:hover::before{
    content: ''; width: 100%; height: 4px;background: #ff0000;position: absolute; top: 50%;left: 0; transform: translateY(-50%);z-index: -1;border-radius: 10px;
} */
.activeIndex{
    position: relative; z-index: 999;
}
/* .activeIndex::before{
    content: ''; width: 100%; height: 4px;background: #ff0000; position: absolute; top: 50%;left: 0;transform: translateY(-50%);z-index: -1;border-radius: 10px;
} */
.indexNavitemlist{
    width: 100px;height: 0; position: absolute;top: 0; left: 50%;transform: translateX(-50%);text-align: center;transition: all .5s; overflow: hidden; margin-top: 28px;
}
.navlistbox{
    background: rgba(255, 255, 255, .03);
}

.navitem{
    position: relative;text-align: center;opacity: 0.2;width: 100%;padding: 15px 0;
}
.navitem:hover{
    opacity: 1;background: #202031;color: #ffffff;
}
/* 首页 */
.navitem:hover a{
    opacity: 1;background: #202031;color: #ffffff;
}
/* 首页 */
.indexlbbox{
    position: relative;
}
.indexbgimg{
    width: 100%; height: 100vh;animation:opacity 3s
}
.lbbox{    position: absolute;z-index: 999999;top: 50%;left: 15%;transform: translateY(-50%);color: #ffffff;font-family: "enLight";

}
@media screen and ( max-width: 1200px ) {
    .lbbox{
        transform: translateY(-50%) scale(0.75);
    }
    .indexbanner img{
        transform:  scale(0.75);

    }
}
.lbtopbox{
    width: 500px;border-bottom: 2px solid #eeeeee;padding: 40px 0;margin-bottom: 30px;
}
.lbtop{
    animation: marintop 1s;
}
.lbbottom{
    animation: marinbottom 1s;
}
.lbtitle1{
    color: #ac766a;font-family: 'enLight';font-size: 106px;line-height: 0.8;margin-left: -10px;
}
.lbtitle2{
    font-family: 'enLight';font-size: 106px;line-height: 1.1;margin-left: -10px;
}
.lbtext1{
    font-size: 18px;font-family: 'enLight';letter-spacing: 3px;color: #f0f0f0;
}
.lbtext2{
    font-size: 16px;font-family: 'enLight';letter-spacing: 1px;color: #f0f0f0;
}
.lbtext3{
    font-size: 18px;font-family: 'enLight';letter-spacing: 1px;color: #f0f0f0;margin-top: 20px;
}
.el-carousel__arrow{
    border: 1px solid #ffffff; border-radius: 0;
}
.el-carousel__button{
    width: 8px; height: 8px;border-radius: 50%;
}
.indexbanner{
    height: 816px; text-align: center;padding-top:74px;transition: all 1s;
}
.indextrbanner{
    margin-left: 0 !important;
}
.indexbanner img{
    margin-bottom: 38px;
}
.bannertitle{
    font-size: 15px;color: #dadada;margin-bottom: 15px;font-family: 'enLight';
}
.indexbannertitle{
    font-size: 21px;font-family: 'SourceHanSansCNExtraLight';position: relative;padding-bottom: 15px;font-weight: bold;
}
.indexbannderentitle{
    color: #c8c8c8; font-family: 'enLight';font-size: 13px;
}
.indexbannerbtn{
    width: 281px;height: 34.25px;line-height: 34.25px;background: #e4e4e4;text-align: center;margin: 35px auto ;cursor: pointer;transition: all .3s;color: #4a4949;font-family: 'enLight';border-radius: 10px;display: block;letter-spacing: 2px;;
}
.indexbannerbtn:hover{
    background: #000000;color: #ffffff !important;
}

.indexintegration{
    height: 1000px; background: #eeeeee;background-image: url('/public/static/images/indexbg2.jpg'); background-size: 100%;background-repeat: no-repeat; text-align: center;padding-top:145px;background-position: center;
}
.indexintegrationtitle{
    font-size: 36px;font-family: 'SourceHanSansCNExtraLight';position: relative;padding-bottom: 5px;
}
.indexintegrationentitle{
    color: #c8c8c8; font-family: 'enLight';position: relative;padding-bottom: 15px;
}
.indexintegrationentitle::before{
    content: '';width: 34px;height: 2px;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);background: #666666;
}
.indexintegrationtext{
    font-family: 'SourceHanSansCNExtraLight';margin-top: 15px
}
.indexsystem{
    display: flex;justify-content: space-between;margin-top: 40px;padding: 0 10%;
}

.indexsystembox{
    width: 350px;margin-left: 20px;text-align: center;cursor: pointer;transition: all .3s;
}
.indexsystembox:first-child{
    margin-left: 0;
}
.indexsystembox:hover{
    transform: translateY(-20px);
}
.indexsystembox>img{
    width: 100%;
}
.indexsystementitle{
    font-size: 12px;color: #c1c1c1;font-family: 'enLight';margin-top: 10px;margin-bottom: 5px;;
}
.indexsystemtitle{
    font-size: 18px;font-family: 'SourceHanSansCNExtraLight';color: #666666;
}
.indexsystembtn{
    width: 281px;height: 34.25px;line-height: 34.25px;background: #e4e4e4;text-align: center;margin: 50px auto;cursor: pointer;transition: all .3s;color: #000000;font-family: 'enLight';border-radius: 10px;display: block;letter-spacing: 2px;
}
.indexsystembtn:hover{
    background: #000000;color: #ffffff;
}
.indexnews{
    height:786px; background:#ffffff; text-align: center; padding-top:90px;
}
.indexnewstitle{
    font-size: 36px;font-family: 'SourceHanSansCNExtraLight';position: relative;padding-bottom: 5px;
}
.indexnewsentitle{
    color: #c8c8c8; font-family: 'enLight';position: relative;padding-bottom: 15px;
}
.indexnewsentitle::before{
    content: '';width: 34px;height: 2px;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);background: #666666;
}
.indexnewsbox{
    display: flex;justify-content:space-between;margin-top: 40px;padding: 0 10%;
}
.indexnewsitem{
    width: 50%;margin-left: 20px;cursor: pointer;transition: all .3s;text-align: left;
}
.indexnewsitem:first-child{
    margin-left: 0;
}
.indexImgbox:hover  img{
    transform: scale(1.2);
}
.indexImgbox{
    width: 100%;height: 300px;overflow: hidden;border-radius: 10px;
}
.indexImgbox>img{
    width: 100%;height: 100%;transition: all .5s;
}
.indexnewsitemtext{
    font-size: 13px;font-family: 'SourceHanSansCNExtraLight';margin-top: 10px;color: #838383;letter-spacing: 2px;width: 80%;
}
.indexnewsitemtitle{
    font-size: 18px;font-family: 'SourceHanSansCNExtraLight';margin-top: 30px;color: #000000;
}
.indexnewsbtn{
    width: 281px;height: 34.25px;line-height: 34.25px;background: #dcd9d9;text-align: center;margin: 50px auto;cursor: pointer;transition: all .3s;color: #000000;font-family: 'enLight';border-radius: 10px;display: block;letter-spacing: 2px;
}
.indexnewsbtn:hover{
    background: #000000;color: #ffffff;
}
.indexfoot{
    background: #333333;padding:60px;display: flex;justify-content: center;
}
.indexfoot1{
    width: 230px;
}
.indexfoot2{
    width: 410px;
}
.indexfoottitle{
    color: rgba(255,255,255,.2);font-weight: bold;font-size: 18px;font-family: 'enHeavy';
}
.indexfootitem{
    font-size: 13px;font-family: 'SourceHanSansCNExtraLight';margin-top: 20px;color: #ffffff;cursor: pointer;display: flex;justify-content: flex-start;align-items: start;
}
.indexfoot2 .indexfootitem span{
    display: inline-block;
    word-break: keep-all;
    line-height: 24px;
}
.copyright{
    background: #000000;padding: 20px;color: #747474;font-family: 'enLight';font-size: 14px;display: flex;justify-content: center;align-items: center;font-weight: bold;
}
.copyrighttext{
    padding-right: 30px;border-right: 1px solid #747474;
}
.copyright img{
    width: 140px;height: 30px;margin-left: 30px;
}
/* 首页动画 */
.indexlist1{
    animation: opacity 3s;
}
.indexlist2{
    animation: opacity 3s;
}
.indexbannertitle1{
    animation: marintop 3s;
}
.indexbannertitle2{
    animation: marinbottom 3s;
}
.indexbannertitle3{
    animation: marintop 3s;
}
.indexbannertitle4{
    animation: marinbottom 3s;
}
.indexbannertitle5{
    animation: marintop 3s;
}
.indexbannertitle6{
    animation: marinbottom 3s;
}
/* 首页结束 */

/* 公司介绍开始 */
.abouttop{
    width: 100%; height: 580px;position: relative;
}
.abouttop>img{
    width: 100%;height: 100%;
}
.abouttopbox{
    position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);color: #b5b5b1;font-family: 'enLight';text-align: center;width: 100%;
}
.abouttoptitle{
    font-size: 71px;animation: marintop 3s;
}
.abouttopsubtitle{
    font-size: 15px;animation: marinbottom 3s;display: flex;align-items: center;justify-content: center;font-family: 'SourceHanSansCNExtraLight';
}
.abouttopsubtitle>span{
    padding: 0 8px;
}
.abline{
    width: 1px;height:10px;background: #eeeeee;
}
.aboutintroduce{
    padding: 100px 15%;background: #ffffff;animation: opacity 3s;
}
.aboutintroducetitle{
    font-size: 36px;text-align: center;font-family: 'SourceHanSansCNExtraLight';color: #666666; animation: marintop 3s;padding-bottom: 5px;
}
.aboutintroduceentitle{
    font-family: 'enLight';color: #dedede;padding-bottom: 15px;text-align: center; animation: marinbottom 3s;
}
.aboutintroduceline{
    width: 38px;height: 2px;background: #666666;margin: 0 auto;animation: marinbottom 3s;
}
.aboutintroducebody{
    display: flex;align-items: center;justify-content: center;position: relative;margin-top: 50px;
}
.imbox{
    width: 50%;box-sizing: border-box;
}
.imbox>img{
    width: 90%;
}
.aboutintroducebodyimg{
    position: absolute;left: 5%;top: 50%;transform: translateY(-50%);width: 45%;
}
.introducebodyright{
    width: 50%;padding-left: 5%;box-sizing: border-box;
}
.introducebodytitle{
    font-size: 25px;color: #666666;font-family: 'SourceHanSansCNExtraLight';
}
.introducebodyentitle{
    color: #a5a5a5;font-size: 14px;padding: 8px 0;font-family: 'enLight';
}
.introducebodyline{
    background: #666666;width: 29px;height: 3px;
}
.introducebodytext{
    margin-top: 15px;color: #333333;font-size: 13px;font-family: 'SourceHanSansCNExtraLight'; letter-spacing:2px; text-align: justify;line-height: 28px;
}
.introducebodyentext{
    margin-top: 15px;font-size: 14px;color: #d1d1d1;font-family: 'enLight'; letter-spacing:0.5px;line-height: 18px;
}
.aboutheightend{
    padding: 100px 10%;background: #f6f6f6;
}

.aboutheightendtitle{
    font-size: 36px;text-align: center;font-family: 'SourceHanSansCNExtraLight';color: #666666;padding-bottom:5px ;
}
.aboutheightendentitle{
    font-family: 'enLight';color: #bfbfbf;padding-bottom: 15px;text-align: center;
}
.aboutheightendline{
    width: 35px;height: 2px;background: #666666;margin: 0 auto;
}
.aboutheightendbody{
    text-align: center;position: relative;margin-top: 30px;cursor: pointer;width: 100%;
}
.aboutheightendbody>img{
    width: 100%;
}

.aboutheightendbodyboxmb{
    position: absolute;width: 100%;height: 100%;left: 50%;top: 0;background: rgba(0, 0, 0, .5);z-index: 88;transform: translateX(-50%);opacity: 0;transition: all .5s;
}
.aboutheightendbody:hover .aboutheightendbodyboxmb{
    opacity: 1;
}
.aboutheightendbody:hover .aboutheightendbodybox{
    opacity: 1;
}
.aboutheightendbodybox{
    position: absolute;width: 650px;text-align: left;bottom: -50px;left: -50px;background: rgba(50, 50, 70, .3);padding: 47px 60px 97px 97px;box-sizing: border-box;opacity: 0;transition: all .5s;z-index: 999;
}
.aboutheightendbodytext{
    font-size:14px ;color: #aaaaaa;font-family: 'SourceHanSansCNExtraLight';
}
.aboutheightendbodyentext{
    font-size: 13px;color: #aaaaaa;font-family: 'enLight';margin-top: 7px;line-height: 16px;
}
.aboutaround{
    padding: 100px 0;background: #ffffff;
}
.aboutaroundtitle{
    font-size: 36px;text-align: center;font-family: 'SourceHanSansCNExtraLight';color: #666666;padding-bottom:5px ;
}
.aboutaroundentitle{
    font-family: 'enLight';color: #dedede;padding-bottom: 15px;text-align: center;
}
.aboutaroundenline{
    width: 38px;height: 2px;background: #666666;margin: 0 auto;
}
.aboutaroundbody{
    display: flex;justify-content: space-between;position: relative;box-sizing: border-box;height: 400px;margin-top: 100px;
}
.aboutaroundbodyline{
    width: 100%;height: 1px;background:#c7c7c7 ;position: absolute;left: 0;top: 50%;transform: translateY(-50%);
}
.aboutaroundbodybox{
    width: 20%;box-sizing: border-box;position: relative;height: 400px;display: flex;text-align: center;align-items: center;justify-content: center;
}
.aboutaroundbodyboxtextbox{
    position: absolute;padding:0 43px;left: 0;width: 100%;top: 20px;box-sizing: border-box;text-align: left;
}
.aboutaroundbodyboxtextbox2{
    position: absolute;padding:0 43px;left: 0;width: 100%;bottom:  20px;box-sizing: border-box;text-align: left;
}

.aboutaroundbodyboxtitle{
    font-family: 'SourceHanSansCNExtraLight';
}
.aboutaroundbodyboxtext{
    font-family: 'SourceHanSansCNExtraLight';margin-top: 10px;font-size: 14px;
}
.aboutaroundbodyboxentext{
    font-family: 'enLight';margin-top: 10px;font-size: 12px;color: #c7c7c7;
}
.aboutaroundbodybox img{
    width: 30px;height: 20px;
}
.aboutaroundbodyboxtextboxdate1{
    position: absolute;top: 56%;left: 50%;transform: translateX(-50%);font-family: 'SourceHanSansCNExtraLight';
}
.aboutaroundbodyboxtextboxdate2{
    position: absolute;top: 42%;left: 50%;transform: translateX(-50%);font-family: 'SourceHanSansCNExtraLight';
}
/* 动画 */
.aboutbannertitle1{
    animation: marinright 3s;
}
.aboutbannertitle2{
    animation: marintop 3s;
}
.aboutbannertitle3{
    animation: marinbottom 3s;
}
.aboutbannertitle4{
    animation: marintop 3s;
}
.aboutbannertitle5{
    animation: marinbottom 3s;
}

.aboutlist1{
    animation:opacity 4s;
}
.aboutlist2{
    animation:opacity 4s;
}
.aboutup{
    animation: aboutup 4s;
}
.aboutdw{
    animation: aboutdw 3s;
}
.aboutboxdw{
    animation: marintop 3s;
}
.aboutboxup{
    animation: marinbottom 3s;
}
/* 公司介绍结束 */
/* 联系我们开始 */
.contop{
    width: 100%; height: 580px;position: relative;
}
.contop>img{
    width: 100%;height: 100%;
}
.contopbox{
    position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);color: #b5b5b1;font-family: 'enLight';text-align: center;width: 100%;
}
.contoptitle{
    font-size: 71px;animation: marintop 3s;
}
.contopsubtitle{
    font-size: 15px;animation: marinbottom 3s;display: flex;align-items: center;justify-content: center;
}
.contopsubtitle>span{
    padding: 0 8px;font-family: 'SourceHanSansCNExtraLight';
}
.coline1{
    width: 1px;height:10px;background: #eeeeee;
}
.form{
    display: flex;
}
.formleft,.formright{
    width: 50%;box-sizing: border-box;
}
.formleft{
    background: #f5f5f5; padding: 100px 80px 100px 20%;animation: marinleft1 3s;
}
.formright{
    background: #ffffff;animation: marinright1 3s;padding: 100px  50px;
}
input{width: 100%;padding: 15px 0 !important;box-sizing: border-box;border: none !important;font-family: 'SourceHanSansCNExtraLight';color: #8f8f8f;}
textarea{width: 100%;padding: 15px 0 !important;box-sizing: border-box;border: none !important;font-family: 'SourceHanSansCNExtraLight';color: #8f8f8f;}
.formlefttitle{
    font-size: 30px;font-family: 'enLight';color: #5d5d5d;
}
.formlefttitle2{
    font-size: 30px;font-family: 'Bold';color: #545454;font-weight: bold;
}
.formleftsubtitle{
     color: #5d5d5d;font-size: 14px;font-family: 'enLight';margin: 50px 0;
}
.inputbox{
    padding: 10px;background: #ffffff;margin-top: 20px;box-sizing: border-box;
}
.inputtitle{
    font-family: 'enLight';
}
.submit{
    width: 50px;padding: 10px 50px;color: #ffffff;background: #4b5567;font-family: 'enLight';cursor: pointer;margin-top: 20px;border: 1px solid #4b5567;letter-spacing: 2px;
}
.submit:hover{
    background: #ffffff;color: #4b5567;
}
.conlist{
    display: flex;align-items: center;margin-top: 20px;font-size: 14px;font-family: 'enLight';color: #8f8f8f;
}
.conlist>img{
    width: 20px;margin-right: 40px;
}
.qrtitle{
    font-size: 30px;color: #515151;font-family: 'enLight';margin: 30px 0;
}
.qrtitle>span{
    font-family: 'SourceHanSansCNExtraLight';
}
.combanner{
    position: relative;
}
.combannerbox{
    position: absolute; text-align: center;left: 50%;top: 50%;transform: translate(-50%,-50%);color: #eeeeee;font-size: 52px;font-family: 'enLight';width: 100%;
}
.combannerboxsubtitle{
    font-size: 15px;display: flex;align-items: center;justify-content: center;
}
.coline{
    width: 1px;height:10px;margin: 14px 4px 4px 4px;background: rgba(255,255,255,.5);
}
.combannerbox span{
    font-size: 14px;padding:0 10px;font-family: 'SourceHanSansCNExtraLight';
}

.map{width: 100%;height: 550px;}
#map{width: 100%; height: 100%;}
.rotate-circle{ display: none !important; }
.tmap-zoom-control{display: none !important;}
.tmap-scale-control{display: none !important; }
.logo-text{ display: none; }
.anchorBL{display: none;}
.content1{animation: marintop 3s;}
.content2{animation: marinbottom 3s;}
.content3{animation: opacity 4s;}
/* 联系我们结束 */
/* 新闻列表开始 */
.newstop{
    width: 100%; height: 580px;position: relative;
}
.newstop>img{
    width: 100%;height: 100%;
}
.newstopbox{
    position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);color: #b5b5b1;font-family: 'enLight';text-align: center;width: 100%;
}
.newstoptitle{
    font-size: 71px;animation: marintop 3s;
}
.newstopsubtitle{
    font-size: 15px;animation: marinbottom 3s;display: flex;justify-content: center;align-items: center;
}
.newstopsubtitle>span{
    padding: 0 8px;font-family: 'SourceHanSansCNExtraLight';
}
.newsline{
    width: 1px;height:10px;background: #eeeeee;
}
.news{
     background:#ffffff; text-align: center; padding:100px 0;
}
.newstitle{
    font-size: 36px;font-family: 'SourceHanSansCNExtraLight';position: relative;padding-bottom: 5px;animation: marintop 3s;
}
.newsentitle{
    color: #c8c8c8; font-family: 'enLight';position: relative;padding-bottom: 15px;animation: marinbottom 3s;
}
.newsentitle::before{
    content: '';width: 34px;height: 2px;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);background: #000000;
}
.newsbox{
    display: flex;justify-content:space-between;margin-top: 40px;padding: 0 10%;flex-wrap: wrap;animation: marinbottom 4s;
}
.newsitem{
    width: 49.0%;cursor: pointer;transition: all .3s;text-align: left;margin-top: 30px;box-sizing: border-box;
}
.newsimgbox{
    width: 100%;height: 300px;border-radius: 10px;overflow: hidden;
}
.newsimgbox:hover img{
    transform: scale(1.2);
}
.newsimgbox>img{
    width: 100%;height: 100%;transition: all .5s;
}
.newsitemtext{
    font-size: 13px;font-family: 'SourceHanSansCNExtraLight';margin-top: 10px;color: #838383;width: 80%;letter-spacing: 2px;
}
.newsitemtitle{
    font-size: 18px;font-family: 'SourceHanSansCNExtraLight';margin-top: 30px;color: #838383 ;
}
.newsbtn{
    width: 427PX;height: 52px;line-height: 52px;background: #dcd9d9;text-align: center;margin: 50px auto;cursor: pointer;transition: all .3s;color: #4a4949;
}
.newsbtn:hover{
    background: #000000;color: #ffffff;
}
.page .pageinfo,.page .nextpage,.page .prepage,.page .endpage,.page .nopage,.page .homepage{display: none;}
.page{
    display: flex;justify-content: center;align-items: center;font-family: 'SourceHanSansCNExtraLight';margin-top: 50px;
}
.page>a{
    background: #ffffff;width: 35px;height: 35px;text-align: center;line-height: 35px;margin: 0 10px;background: #eeeeee;cursor: pointer;color: #333;
}
.page .curpage{
    background: #000000 !important;color: #ffffff;
}

.newsfy{
    display: flex;justify-content: center;align-items: center;font-family: 'SourceHanSansCNExtraLight';
}
.newsfy>div{
    background: #ffffff;width: 35px;height: 35px;text-align: center;line-height: 35px;margin: 0 10px;background: #eeeeee;cursor: pointer;
}
.newsfyactive{
    background: #12acde !important;color: #ffffff;
}
/* 新闻列表结束 */
/* 新闻详情开始 */
.newdstop{
    width: 100%; height: 580px;position: relative;
}
.newsdtop>img{
    width: 100%;height: 100%;
}
.newsdtopbox{
    position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);color: #b5b5b1;font-family: 'enLight';text-align: center;
}
.newsdtoptitle{
    font-size: 71px;animation: marintop 3s;
}
.newsdtopsubtitle{
    font-size: 15px;animation: marinbottom 3s;display: flex;align-items: center;justify-content: center;
}
.newsdtopsubtitle>span{
    padding: 0 8px;font-family: 'SourceHanSansCNExtraLight';
}
.newsline1{
    width: 1px;height:10px;background: #eeeeee;
}
.newsd{
     background:#ffffff; text-align: center; padding:100px  20%;
}
.newsd img{width: 100%;}
.newsdtitle{
    font-size: 36px;font-family: 'SourceHanSansCNExtraLight';position: relative;padding-bottom: 5px;animation: marintop 3s;
}
.newsdentitle{
    color: #c8c8c8; font-family: 'enLight';position: relative;padding-bottom: 15px;animation: marinbottom 3s;
}
.newsdentitle::before{
    content: '';width: 34px;height: 2px;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);background: #666666;
}
.newsdtext{
    margin: 30px 0;font-family: 'SourceHanSansCNExtraLight';font-size: 23px;animation: marinbottom 3s;color: #141414;font-weight: 600;
}
.newdContent{
    line-height: 3;font-size: 14px;font-family: 'SourceHanSansCNExtraLight';padding:30px;text-align: left;color: #222222;
}
.newdContent p{
    /*text-indent: 28px;*/
}
.newdContent p:first-child{
    text-indent: 0;
}
.newsDetail{
    animation: opacity 5s;
}
/* 新闻详情结束 */
/* 产品列表开始 */
.producttop{
    width: 100%; height: 580px;position: relative;
}
.producttop>img{
    width: 100%;height: 100%;
}
.producttopbox{
    position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);color: #b5b5b1;font-family: 'enLight';text-align: center;
}
.producttoptitle{
    font-size: 71px;animation: marintop 3s;
}
.producttopsubtitle{
    font-size: 15px;animation: marinbottom 3s;display: flex;justify-content: center;align-items: center;
}
.producttopsubtitle>span{
    padding: 0 8px;font-family: 'SourceHanSansCNExtraLight';
}
.prline1{
    width: 1px;height:10px;background: #eeeeee;
}
.product{
     background:#f8f8f8; text-align: center; padding:100px  0;
}
.dropdown{
    width: 500px;background: #ffffff;position: absolute;z-index: 999;left: 50%;transform: translateX(-50%);height: 0;overflow: hidden;transition: all .3s;
}
.producttitle{
    font-size: 36px;font-family: 'SourceHanSansCNExtraLight';position: relative;padding-bottom: 5px;animation: marintop 3s;display: flex;align-items: center;justify-content: center;
}
.producttitle>span{
    cursor: pointer;
}
.upicon{
    border-left: 1px solid #000000;width: 20px;height: 20px;border-top: 1px solid #000000;transform: rotate(-135deg);margin-left: 7px;margin-top: -10px;
}
.producttitle1{
    font-size: 36px;font-family: 'SourceHanSansCNExtraLight';position: relative;padding-bottom: 15px;cursor: pointer;color: #666666;
}
.productentitle{
    color: #c8c8c8; font-family: 'enLight';position: relative;padding-bottom: 15px;animation: marinbottom 3s;
}
.productentitle::before{
    content: '';width: 34px;height: 2px;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);background: #666666;
}
.productbox{
    margin: 40px 0;padding: 0 14%;
}
.productboxtop{
    display: flex;box-sizing: border-box;margin-top: 20px;flex-wrap: wrap;padding:0 14% ;
}
.productboxtopitem{
    padding: 10px 40px;background: #f0f0f0;color: #5b5b5b;font-size: 18px;font-family: 'SourceHanSansCNExtraLight';cursor: pointer;margin: 0 20px;margin-bottom: 20px;
}
.acproductboxtopitem{
    background: #34394c;color: #ffffff;
}
.productlist{
    display: flex;flex-wrap: wrap;
}
.productitem{
    width: 30%;background: #ffffff;padding:60px 80px;box-sizing: border-box;margin: 0 1.5%; margin-top: 30px;cursor: pointer;position: relative;transition: all .5s;box-sizing: border-box;
}
.productitem_imgBox{
    height: 193px;
}
.productitem>a{
    display: block;
}
.productitem>a>img{
    margin-top: 130px;
}
.itemimg{
    width: 100%;
}
.productitemtitle{
    color: #616161;font-size: 23px;font-family: 'SourceHanSansCNExtraLight';margin-top: 20px;
}
.lampbox{
    display: flex;justify-content: center;margin-top: 60px;
}
.lamp{
    width: 8px;height: 8px;background: #96959a;margin: 0 3px;
}
.aclamp{
    background: #7b5842;
}
.ac{
    position: absolute;top: 20px;margin: 0 !important;left: 30px;
}
.mb{
    background: rgba(0, 0, 0, .7);position: absolute;width: 100%;height: 100%;top: 0;left: 0;display: flex;flex-direction: column;text-align: center;justify-content: center;transition: all 1s;opacity: 0;
}
.productitem:hover .mb{
    opacity: 1;
}
.mbtitle{
    color: #c1c1c1;font-size: 23px;font-family: 'SourceHanSansCNExtraLight';
}
.productfy{
    display: flex;justify-content: center;align-items: center;font-family: 'SourceHanSansCNExtraLight';
}
.productfy>div{
    background: #ffffff;width: 35px;height: 35px;text-align: center;line-height: 35px;margin: 0 10px;background: #eeeeee;cursor: pointer;
}
.productfyactive{
    background: #12acde !important;color: #ffffff;
}
/* 产品列表动画 */
.product1{
    animation: tr 1s;
}
/* 产品列表结束 */
/* 产品详情开始 */
.productdtop{
    width: 100%; height: 580px;position: relative;
}
.productdtop>img{
    width: 100%;height: 100%;
}
.productdtopbox{
    position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);color: #b5b5b1;font-family: 'enLight';text-align: center;width: 100%;
}
.productdtoptitle{
    font-size: 71px;animation: marintop 3s;
}
.productdtopsubtitle{
    font-size: 15px;animation: marinbottom 3s;display: flex;align-items: center;justify-content: center;
}
.productdtopsubtitle>span{
    padding: 0 8px;font-family: 'SourceHanSansCNExtraLight';
}
.prline2{
    width: 1px;height:10px;background: #eeeeee;
}

.productd{
     background:#ffffff; text-align: center; padding:100px  0;;animation: opacity 3s;
}
.productdtitle{
    font-size: 36px;font-family: 'SourceHanSansCNExtraLight';position: relative;padding-bottom: 5px;animation: marintop 3s;
}
.productdentitle{
    color: #c8c8c8; font-family: 'enLight';position: relative;padding-bottom: 15px;animation: marinbottom 3s;
}
.productdentitle::before{
    content: '';width: 34px;height: 2px;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);background: #000000;
}
.productdbox{
    margin-top: 100px;flex-wrap: wrap;text-align: center;box-sizing: border-box;padding: 0 15% 120px 15%;
}
.productdboxitem{
    width: 100%;display: flex;align-items: center;margin:0 auto;margin-bottom: 50px;
}
.productdbox .content a{
	color:#333;
}
.productdbox .content img{
	width:100%;
}
.itembox{
    width: 50%;/*height: 260px;*/
}
.itembox+.itembox{
    padding-left: 15%;box-sizing: border-box;text-align: left;
}
.itemboxtitle1{
    font-size: 30px;font-family: 'enLight';
}
.itemboxtitle2{
    font-size: 16px;font-family: 'enLight';margin-top: 40px;color: #999999;
}
.itemboxtitle3{
    font-size: 18px;font-family: 'enLight';margin-top: 2px;margin-bottom: 5px;
}
.itemicon{
    display: flex;text-align: center;font-size: 14px;font-family: 'enLight';
}
.itemicon>div{
    margin-right: 10px;
}
.img3{
    padding: 0 60px;box-sizing: border-box;
}
.itemboxtitle2 i{
    font-style: oblique;
    font-weight: 600;
}
/* 产品详情结束 */
/* 工艺开始 */
.brandtop{
    width: 100%; height: 580px;position: relative;
}
.brandtop>img{
    width: 100%;height: 100%;
}
.brandtopbox{
    position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);color: #b5b5b1;font-family: 'enLight';text-align: center;width: 100%;
}
.brandtoptitle{
    font-size: 71px;animation: marintop 3s;
}
.brandtopsubtitle{
    font-size: 15px;animation: marinbottom 3s;display: flex;justify-content: center;align-items: center;
}
.brandtopsubtitle>span{
    padding: 0 8px;font-family: 'SourceHanSansCNExtraLight';
}
.brline{
    width: 1px;height:10px;background: #eeeeee;
}
.sc{
     background:#ffffff; text-align: center; padding:100px  40px;animation: opacity 3s;
}
.sctitle{
    font-size: 36px;font-family: 'SourceHanSansCNExtraLight';position: relative;padding-bottom: 5px;animation: marintop 3s;
}
.scentitle{
    color: #c8c8c8; font-family: 'enLight';position: relative;padding-bottom: 15px;animation: marinbottom 3s;
}
.sc>img{
    margin-top: 80px;
}
.scentext{
    font-size: 14px;font-family: 'SourceHanSansCNExtraLight';width: 41%;margin:30px auto;
}
.scenentext{
    color: #c8c8c8; font-family: 'enLight';width: 52%;margin: 0 auto;font-size: 12px;
}
.scentitle::before{
    content: '';width: 34px;height: 2px;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);background: #666666;
}
.xc{
    background:#f2f2f2; text-align: center; padding:100px  40px;
}
.xctitle{
   font-size: 36px;font-family: 'SourceHanSansCNExtraLight';position: relative;padding-bottom: 5px;
}
.xcentitle{
   color: #c8c8c8; font-family: 'enLight';position: relative;padding-bottom: 15px;
}
.xcentitle::before{
    content: '';width: 34px;height: 2px;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);background: #666666;
}
.xcimg{
    margin: 50px 0;
}
.xcimg>img{
    margin:0 25px;
}
.xcentext{
    font-size: 14px;font-family: 'SourceHanSansCNExtraLight';
}
.xcenentext{
    font-size: 12px;font-family: 'enLight';
}
.bm{
    background:#ffffff; text-align: center; padding:100px  40px;
}
.bmtitle{
   font-size: 36px;font-family: 'SourceHanSansCNExtraLight';position: relative;padding-bottom: 5px;
}
.bmentitle{
   color: #c8c8c8; font-family: 'enLight';position: relative;padding-bottom: 15px;
}
.bmentitle::before{
    content: '';width: 34px;height: 2px;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);background: #666666;
}
.bmbox{
    display: flex;align-items: center;margin-top: 80px;
}
.bmboxleft{
    width: 50%;text-align: right;padding-right: 100px;box-sizing: border-box;
}
.bmboxleft>img{
    width: 400px;height: 400px;
}
.bmline{
    width: 1px;height: 300px;background: #eeeeee;
}
.bmboxright{
    width: 50%;padding-left: 100px;box-sizing: border-box;
}
.bmrighttext{
    font-size: 14px;font-family: 'SourceHanSansCNExtraLight';width: 50%;text-align: left;color: #333333;
}
.bmrightentext{
    font-size: 12px;font-family: 'enLight';width: 50%;text-align: left;line-height: 18px;color: rgba(0,0,0,.33);margin:30px 0;
}
.bmrighticon{
    display: flex;flex-wrap: wrap;width: 46%;
}
.bmrighticon>img{
    margin-right: 10px;margin-top: 10px;cursor: pointer;width: 43px;height: 43px;
}
.jj{
    background:#f2f2f2; text-align: center; padding:100px  40px;
}
.jjtitle{
   font-size: 36px;font-family: 'SourceHanSansCNExtraLight';position: relative;padding-bottom: 5px;
}
.jjentitle{
   color: #c8c8c8; font-family: 'enLight';position: relative;padding-bottom: 15px;
}
.jjentitle::before{
    content: '';width: 34px;height: 2px;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);background: #666666;
}
.jjbox{
    padding-top: 250px;padding-bottom: 250px;position: relative;
}
.jjtopbox{
    position: absolute;display: flex;align-items: center;top: 160px;right: 20%;
}
.jjbottombox{
    position: absolute;display: flex;align-items: center;bottom:  0;left: 15%;
}
.jjlefttext{
    text-align: right;width: 300px; font-size: 14px;font-family: 'SourceHanSansCNExtraLight';padding-left: 100px;color: #000000;box-sizing: border-box;
}
.jjleftentext{
    text-align: right;width: 300px; font-size: 12px;font-family: 'enLight';color: #c9c9c9;box-sizing: border-box;margin-top: 10px;
}
.jjrighttext{
    text-align: left;width: 340px; font-size: 14px;font-family: 'SourceHanSansCNExtraLight';padding-right: 100px;color: #545454;box-sizing: border-box;
}
.jjrightentext{
    text-align: left;width: 300px; font-size: 12px;font-family: 'enLight';color: #c9c9c9;box-sizing: border-box;margin-top: 10px;
}
.jjtopbox>img{
    margin: 0 30px;
}
.jjbottombox>img{
    margin: 0 30px;
}
.brandbannertitle1{
    animation: marintop 3s; letter-spacing: 3px;
}
.brandbannertitle2{
    animation: marinbottom 3s;letter-spacing: 1px;
}
.brandbannertitle3{
    animation: marintop 3s;
}
.brandbannertitle4{
    animation: marinbottom 3s;
}
.brandbannertitle5{
    animation: marintop 3s;
}
.brandbannertitle6{
    animation: marinbottom 3s;
}
.brandbannertitle7{
    animation: marintop 3s;
}
.brandbannertitle8{
    animation: marinbottom 3s;
}
.brandbannertitle9{
    animation: marintop 3s;letter-spacing: 1px;
}
.brandbannertitle10{
    animation: marinbottom 3s;
}
.brandlist1{
    animation: marinleft1 3s;
}
.brandlist2{
    animation: marinright1 3s;
}
.brandlist3{
    animation: marinleft1 3s;
}
.brandlist4{
    animation: marinright1 3s;
}
.brandlist5{
    animation: marinleft 3s;
}
.brandlist6{
    animation: marinright 3s;
}
/* 工艺结束 */
/* 品牌开始 */
.bratop{
    width: 100%; height: 580px;position: relative;
}
.bratop>img{
    width: 100%;height: 100%;
}
.bratopbox{
    position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);color: #b5b5b1;font-family: 'enLight';text-align: center;width: 100%;
}
.bratoptitle{
    font-size: 71px;animation: marintop 3s;width: 100%;
}
.bratopsubtitle{
    font-size: 15px;animation: marinbottom 3s;display: flex;justify-content: center;align-items: center;
}
.bratopsubtitle>span{
    padding: 0 8px;font-family: 'SourceHanSansCNExtraLight';
}
.braline{
    width: 1px;height:10px;background: #eeeeee;
}
.bra{
     background:#ffffff; text-align: center; padding:100px 40px 0 40px;
}
.bratitle{
    font-size: 36px;font-family: 'SourceHanSansCNExtraLight';position: relative;padding-bottom: 5px;animation: marintop 3s;
}
.braentitle{
    color: #c8c8c8; font-family: 'enLight';position: relative;padding-bottom: 15px;animation: marinbottom 3s;
}
.braentitle::before{
    content: '';width: 34px;height: 2px;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);background: #000000;
}
.bratext{
    animation: marinbottom 3s;margin-top: 15px;color: rgba(36,36,36,.66);font-size: 15px;font-family: 'SourceHanSansCNExtraLight';
}
.braimg{
    margin-top: 50px;
}
.bratwo{
    text-align: center;position: relative;cursor: pointer;padding:  120px 15%;box-sizing: border-box;
}
.bratwo:nth-child(5){
    background-color: #F7F7F7;
}
.bratwobody{
    width: 100%;height: 700px;margin: auto;position: relative;
}

.bratwobg{
    width: 100%;height: 700px;
}
.bratwomb{
    width: 100%;height: 700px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background: rgba(0, 0, 0, .75);opacity: 0;transition: all .5s;
}
.bras{
    position: absolute;bottom: -98px;right: 50px;z-index: 999;
}
.bratwobody:hover .bratwomb{
    opacity: 1;
}
.bratwobody:hover .bratwobox{
    opacity: 1;
}
.bratwobox{
    position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);color: #c5c5c5;font-family: 'SourceHanSansCNExtraLight';opacity: 0;transition: all .5s;
}
.brathere{
    padding: 100px 0;text-align: center;
}
.bratwoentitle{
    font-family: 'enLight';font-size: 14px;margin-top: 10px;color: #636466;
}
.bratwoline{
    margin: 12px auto;width: 35px;height: 2px;background: #636466;
}
.bratwoboxtext{
    margin-top: 12px;
}
.bratwoboxentext{
    margin-top: 12px;font-family: 'enLight';font-size: 13px;color: #9f9fa0;
}
.bra1{
    animation: opacity 3s;
}
.bra2{
    animation: marinleft 3s;
}
.bra3{
    animation: marinright 3s;
}

.bra6{
    animation: marinright1 3s;
}

@media (max-width: 1200px) {
    .indexbanner img{
        width: 60%;
    }
    .indexbanner {
        height: 685px;
    }
    .lbtitle1,.lbtitle1{
        font-size: 84px;
    }
    .lbtext1,.lbtext3 {
        font-size: 16px;
    }
    .lbtext2 {
        font-size: 14px;
    }
    .indexintegration {
        height: 860px;
    }
}